.HelpCenter-problem {
  padding: 50px 30px;
  >div.title {
    margin-bottom: 40px;
    >p {
      width: 196px;
      height: 70px;
      color: rgb(63, 133, 255);
      font-size: 30px;
      text-align: center;
      line-height: 70px;
      border: 2px solid rgb(63, 133, 255);
    }
  }
  >div.content {
    ul {
      li {
        font-size: 28px;
        color: rgb(51, 51, 51);
        height: auto;
        line-height: 90px;
        border-bottom: 2px solid rgb(229, 229, 229);
        >p.title {
          display: flex;
          justify-content: space-between;
          align-items: center;
          &:after {
            content: '';
            display: block;
            width: 33px;
            height: 19px;
            transition:all 0.5s;
            transform: rotate(0);
            background: url('../img/HelpCenter_icon_arrow_down.png') no-repeat 100%/100%;
          }
        }
        >div.discript {
          padding:40px 0;
          background-color: rgb(247,247,248);
          color:rgb(102,102,102);
          line-height:48px;
          // transition: all 0.5s;
          display:none
        }
        &.down {
          >div.discript {
            transition: all 0.5s;
            display: block;
          }
          >p.title{
            &:after{
              transition:all 0.5s;
              transform: rotate(180deg);
            }
          }
        }
      }
    }
  }
}